<head>
	<style type="text/css" media="screen">@import "../jqt/jqtouch.css";</style>
	<style type="text/css" media="screen">@import "../jqt/theme.css";</style>
	<script src="../jquery.js" type="text/javascript" charset="utf-8"></script>
	<script src="../jqt/jqtouch.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" charset="utf-8">
	var jQT = new $.jQTouch();
	var cgiPath = '/~mkrieger/cgi-bin/';
	$(document).ready(function(){
		$.getJSON(cgiPath + 'getcafes.php', function(response){
			for (var cafe in response) {
				var fullname = response[cafe].full_name;
				var address = response[cafe].address;
				var newDiv = $("<div></div>");
				newDiv.attr("id", cafe);
				var newList = $("<ul></ul>").appendTo(newDiv);
				$("<li>" + fullname + "</li>").appendTo(newList);
				$("<li>at: " + address + "</li>").appendTo(newList);
				newDiv.appendTo(document.body);
				$('<li><a href="#' + cafe + '">' + response[cafe].full_name + '</li></a>').appendTo('#cafelist');
			}
		})
	})
</script>
</head>
<body>
	<div id="home" class="current">
		<ul id="cafelist"></ul>
	</div>
</body>